<!DOCTYPE html> 
<html lang="en"> 

<head> 

<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<!-- page title, displayed in your browser bar -->
<title>Zeux - A responsive & super flexible portfolio template</title>


<!-- add css stylesheets -->	
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"/>

<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<!--[if lte IE 6]>
	<style>#top, #bottom, #left, #right { display: none; }</style>
<![endif]-->

<!--[if IE]> 
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

<!--[if lte IE 7]> 
	<script src="js/IE8.js" type="text/javascript"></script>
<![endif]--> 

<!--[if lt IE 7]>  
	<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/>
<![endif]--> 


<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- jquery -->
<script type='text/javascript' src='js/jquery.js'></script>

<!-- fancy box -->
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<!-- easing -->
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>

<!-- Tabs -->
<script type="text/javascript" src="js/jquery.tools.min.js"></script>

<!-- custom script -->
<script type='text/javascript' src='js/scripts.js'></script>

<!-- quote rotator -->
<script type='text/javascript' src='js/jquery.quovolver.js'></script>

<!-- FlexiSlider -->
<script type="text/javascript" src="js/jquery.flexslider.js"></script>

<!-- Twitter -->
<script type="text/javascript" src="js/twitter.js"></script>

<!-- Flickr  -->
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>

<!-- isotope  -->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>

<!-- image preloader  -->
<script type="text/javascript" src="js/jquery.preloader.js"></script>

<!-- google webfont font replacement -->
<link href='http://fonts.googleapis.com/css?family=Armata' rel='stylesheet' type='text/css'>

</head>

<body id="top">

	<div id="content">
	
		<!-- Main Header -->
		<header id="main-header">
			
			<!-- Head Container -->
			<div class="container_wrap" id="header">
				<div class="container">
					<h1 class="logo bg-logo">
						<a href="index.html">
							<img src="images/logo.png" alt=""/>
						</a>
					</h1>
					<div class="main_menu">
						<div>
							<ul class="menu">
								<li><a href="index.html">Home</a>
									<ul>
										<li><a href="index_v2.html">Homepage Version 2</a></li>
										<li><a href="index_v3.html">Homepage Version 3</a></li>
										<li><a href="index_v4.html">Homepage Version 4</a></li>
									</ul>
								</li>
								<li><a href="blog.html">原创·诗歌</a>
									<ul>
										<li><a href="blog-standard-post.html">一千年</a></li>
										<li><a href="blog-link-post-type.html">花和雨</a></li>
										<li><a href="blog-quote-post-type.html">梦乡</a></li>
										<li><a href="blog-gallery-post-type.html">Blog Gallery Post Type</a></li>
									</ul>
								</li>
								<li><a href="#">Template Pages</a>
									<ul>
										<li><a href="#">Responsive Sliders</a>
											<ul>
												<li><a href="slider-flexslider.html">FlexSlider</a></li>
												<li><a href="slider-wmuslider.html">wmuSlider</a></li>
											</ul>
										</li>
										<li><a href="#">Features</a>
											<ul>
												<li><a href="notifictions.html">Notifications</a></li>
												<li><a href="styled-lists.html">Styled Lists</a></li>
												<li><a href="typography.html">Typography</a></li>
												<li><a href="columns.html">Columns</a></li>
												<li><a href="icon-headings.html">Icon Headings</a></li>
												<li><a href="buttons.html" class="current">Buttons</a></li>
												<li><a href="tabs-toggles.html">Tabs &amp; Toggles</a></li>
												<li><a href="right-sidebar.html">Right Sidebar Layout</a></li>
												<li><a href="left-sidebar.html">Left Sidebar Layout</a></li>
											</ul>
										</li>
										<li><a href="about.html">About Us</a></li>
										<li><a href="team.html">Our Team</a></li>
										<li><a href="services.html">Our Services</a></li>
										<li><a href="pricing-table.html">Pricing Table</a></li>
										<li><a href="testimonials.html">Testimonials</a></li>
										<li><a href="404.html">Error 404</a></li>
									</ul>
								</li>
								<li><a href="#">Portfolio</a>
									<ul>
										<li><a href="portfolio-standard-4col.html">Portfolio Standard 4 Columns</a></li>
										<li><a href="portfolio-standard-3col.html">Portfolio Standard 3 Columns</a></li>
										<li><a href="portfolio-standard-2col.html">Portfolio Standard 2 Columns</a></li>
										<li><a href="portfolio-sortable-4col.html">Portfolio Sortable 4 Columns</a></li>
										<li><a href="portfolio-sortable-3col.html">Portfolio Sortable 3 Columns</a></li>
										<li><a href="portfolio-sortable-2col.html">Portfolio Sortable 2 Columns</a></li>
										<li><a href="project.html">Project Page</a></li>
									</ul>
								</li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- End Head Container -->


			<!-- Page Title Container -->
			<div class="container_wrap" id="page-title">
				<div class="container">
					<div class="full">
						<h2>Buttons</h2>
					</div>
				</div>	
			</div>
			<!-- End Page Title Container -->

		</header>
		<!-- End Main Header -->

		<!-- Main Container -->
		<section id="main-content">

			<!-- Container -->
			<div id="container">

				<!-- Begin Buttons and Sidebar -->
				<div class="container" id="template-contact">
				
					<div class="content eight alpha columns services">
					
						<div class="entry-title">
							<h5><span>WHO WE ARE</span></h5>
						</div>

						<div class="full">
							<p>Vivamus nam arcu purus feugiat. Nunc tincidunt aliquet labore tellus, magna quisque erat morbi placerat donec quisque, felis sapien inceptos imperdiet wisi nec, pede donec mauris mauris cursus amet libero. Enim amet tortor dapibus cum sed, libero non pulvinar, eu nulla sit phasellus fringilla, in elit turpis congue faucibus. Ut habitasse ac, qui porta velit, aptent fermentum natoque cras id libero. Litora accumsan eget donec arcu tortor, ornare praesent at lacus sollicitudin ultrices, nec donec arcu bibendum eu, ut in et non neque, sed potenti quisque.</p>
						</div>	

						<div class="full">

							<div class="entry-title">
								<h5><span>BIG BUTTONS</span></h5>
							</div>

							<div class="big_button_pink alignleft">
								<a href="#">Big Button Pink</a>
							</div>

							<div class="big_button_blue alignleft">
								<a href="#">Big Button Blue</a>
							</div>

							<div class="big_button_orange alignleft">
								<a href="#">Big Button Orange</a>
							</div>

							<div class="big_button_green alignleft">
								<a href="#">Big Button Green</a>
							</div>

							<div class="big_button_red alignleft">
								<a href="#">Big Button Red</a>
							</div>

							<div class="big_button_purple alignleft">
								<a href="#">Big Button Purple</a>
							</div>

							<div class="big_button_brown alignleft">
								<a href="#">Big Button Brown</a>
							</div>

						</div>


						<div class="full">

							<div class="entry-title">
								<h5><span>MEDIUM BUTTONS</span></h5>
							</div>

							<div class="medium_button_pink alignleft">
								<a href="#">Medium Button Pink</a>
							</div>

							<div class="medium_button_blue alignleft">
								<a href="#">Medium Button Blue</a>
							</div>

							<div class="medium_button_orange alignleft">
								<a href="#">Medium Button Orange</a>
							</div>

							<div class="medium_button_green alignleft">
								<a href="#">Medium Button Green</a>
							</div>

							<div class="medium_button_red alignleft">
								<a href="#">Medium Button Red</a>
							</div>

							<div class="medium_button_purple alignleft">
								<a href="#">Medium Button Purple</a>
							</div>

							<div class="medium_button_brown alignleft">
								<a href="#">Medium Button Brown</a>
							</div>

						</div>


						<div class="full">

							<div class="entry-title">
								<h5><span>SMALL BUTTONS</span></h5>
							</div>

							<div class="small_button_pink alignleft">
								<a href="#">Small Button Pink</a>
							</div>

							<div class="small_button_blue alignleft">
								<a href="#">Small Button Blue</a>
							</div>

							<div class="small_button_orange alignleft">
								<a href="#">Small Button Orange</a>
							</div>

							<div class="small_button_green alignleft">
								<a href="#">Small Button Green</a>
							</div>

							<div class="small_button_red alignleft">
								<a href="#">Small Button Red</a>
							</div>

							<div class="small_button_purple alignleft">
								<a href="#">Small Button Purple</a>
							</div>

							<div class="small_button_brown alignleft">
								<a href="#">Small Button Brown</a>
							</div>

						</div>
							
					
					</div>
					
					<div class="sidebar columns sidebar_right four">
						<div class="inner_sidebar">
						
							<div class="widget">
									<div class="widget-title"><h5>Quick Links</h5></div>
									<div class="widget-content links">
										<ul>
											<li><a href="#">Home</a></li>
											<li><a href="#">About Us</a></li>
											<li><a href="#">Our Services</a></li>
											<li><a href="#">Contact Us</a></li>
										</ul>
									</div>
								</div>
								
								<div class="widget">
									<div class="widget-title"><h5>Popular News</h5></div>
									<div class="widget-content archive">
										<ul class="news-wrap">
											<li class="news-content">
												<a class="news-link" title="" href="#">
													<strong class="news-headline">Lorem ipsum dolor sit<span class="news-time">February 11, 2012, 1:07 am</span></strong>
												</a>
											</li>
											<li class="news-content">
												<a class="news-link" title="" href="#">
													<strong class="news-headline">Ut dui erat, tristique nec interdum<span class="news-time">February 11, 2012, 1:07 am</span></strong>
												</a>
											</li>
											<li class="news-content">
												<a class="news-link" title="" href="#">
													<strong class="news-headline">Etiam varius gravida blandit<span class="news-time">February 11, 2012, 1:07 am</span></strong>
												</a>
											</li>
										</ul>
									</div>
								</div>

								<div class="widget">
									<div class="widget-title"><h5>Testimonials</h5></div>
									<div class="widget-content">
										<blockquote>
											<p>Ut eu consectetur nisi. Praesent facilisis diam nec sapien gravida non mattis justo imperdiet.
											<cite>Quote Author</cite></p>
										</blockquote>
											
										<blockquote>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu eros velit, non blandit ipsum. Donec pretium, nibh vitae tristique tempor.
											<cite>Quote Author</cite></p>
										</blockquote>
										
										<blockquote>
											<p>Donec rutrum convallis viverra. Suspendisse vehicula, risus sit amet luctus pharetra, quam ante condimentum metus.
											<cite>Quote Author</cite></p>
										</blockquote>
										
										<blockquote>
											<p>Suspendisse ipsum urna, pellentesque eget sagittis eget, porta eget ligula. Mauris id posuere nisl. Aliquam sit amet urna lorem.
											<cite>Quote Author</cite></p>
										</blockquote>
										
										<blockquote>
											<p>Nulla facilisi. Mauris vel mattis risus. Ut nec luctus tortor. In interdum pulvinar quam non pharetra.
											<cite>Quote Author</cite></p>
										</blockquote>
										
										<blockquote>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu eros velit, non blandit ipsum. Donec pretium.
											<cite>Quote Author</cite></p>
										</blockquote>
									</div>
										
								</div>
								
						</div>
					</div>
					
				</div>
				<!-- End Buttons and Sidebar -->
				
				<!-- Footer Container -->
				<footer class="container_wrap" id="footer">
				
					<!-- Begin Footer -->
					<div class="container">
					
						<div class="one_fourth first column_container">
							<div class="widget">
								<div class="widget-title">Quick Links</div>
								<div class="widget-content links">
									<ul>
										<li><a href="#">Home</a></li>
										<li><a href="#">About Us</a></li>
										<li><a href="#">Our Services</a></li>
										<li><a href="#">Contact Us</a></li>
									</ul>
								</div>
							</div>	
						</div>	
						
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">Recent News</div>
								<div class="widget-content archive">
									<ul class="news-wrap">
										<li class="news-content">
											<a class="news-link" title="" href="#">
												<strong class="news-headline">Lorem ipsum dolor sit<span class="news-time">February 11, 2012, 1:07 am</span></strong>
											</a>
										</li>
										<li class="news-content">
											<a class="news-link" title="" href="#">
												<strong class="news-headline">Ut dui erat, tristique nec interdum<span class="news-time">February 11, 2012, 1:07 am</span></strong>
											</a>
										</li>
										<li class="news-content">
											<a class="news-link" title="" href="#">
												<strong class="news-headline">Etiam varius gravida blandit<span class="news-time">February 11, 2012, 1:07 am</span></strong>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">Latest Tweets</div>
								<div class="widget-content archive">
									<ul class="news-wrap" id="twitter_update_list">
										<li><p>Please wait while our tweets load <img src="images/indicator-white.gif" alt="loading"/></p></li>
									</ul>
									<p><span class="follow-twitter"><a href="https://www.cssmoban.com/?#!/agurghis">Follow Me +</a></span></p>
								</div>
							</div>
						</div>
							
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">Flickr Stream</div>
								<div class="widget-content">
									<ul id="flickr_widget">
									</ul>
									<p><span class="follow-twitter"><a href="http://www.cssmoban.com/?photos/agurghis/">View More +</a></span><p>
								</div>
							</div>
						</div>
						
					</div>
					<!-- End Footer -->
				
				</footer>
				<!-- End Footer Container -->
				
				<!-- Socket Container -->
				<div class="container_wrap" id="socket">
				
					<!-- Begin Copyright -->
					<div class="container">
						<span class="copyright">&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/" title="模板之家">模板之家</a> Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a></span>
						
						<div class="backtop">
							<a href="#backtop">Top</a>
						</div>
					</div>
					<!-- End Copyright -->
				
				</div>
				<!-- End Socket Container -->

			</div>
			<!-- End Container -->

		</section>	
		<!-- End Main Container -->
	
	</div>
	

</body>
</html>